.goodsView {
  height: 180rpx;
  position: relative;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 12rpx;
  padding: 30rpx 20rpx;
  /* margin: 20rpx; */
  margin-bottom: 20rpx;
}

.priceView {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 20rpx;
}

.goodsPrice {
  flex: 1;
}

.goodsPrice-tl {
  font-size: 28rpx;
  font-weight: bold;
  color: #ff2323;
}
.goodsPrice-p {
  font-size: 36rpx;
  font-weight: bold;
  color: #ff2323;
}
.goodsPrice-l {
  font-weight: 400;
  font-size: 24rpx;
  color: #999999;
  text-decoration-line: line-through;
  margin-left: 20rpx;
}

.downTimeView {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 24rpx;
  font-weight: 400;
  color: #01a90c;
}

.goodsTitle {
  font-size: 30rpx;
  color: #333333;
  margin-bottom: 20rpx;
}

.goodsText {
  font-size: 26rpx;
  color: #fa453c;
  text-align: right;
  line-height: 38rpx;
}

.presaleView {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 20rpx;
}

.presaleTitle {
  font-size: 26rpx;
  font-weight: 400;
  color: #ff6407;
}

.presaleNum {
  font-size: 24rpx;
  font-weight: 400;
  color: #999999;
}

.pickupView {
  /* 	display: flex;
	flex-direction: column; */
  background: #ffffff;
  border-radius: 12rpx;
  padding: 20rpx;
  /* margin: 20rpx; */
  margin-top: 20rpx;
  text-align: center;
}

.pickupTitle {
  font-size: 32rpx;
  color: #333333;
  margin-bottom: 20rpx;
}

.pickupTitle text {
  font-size: 26rpx;
  font-weight: 400;
  color: #666666;
  margin-left: 10rpx;
}

.pickupTime {
  font-size: 26rpx;
  font-weight: 400;
  color: #333333;
  margin-top: 10rpx;
}

.couponView {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #ffffff;
  border-radius: 12rpx;
  padding: 20rpx;
  margin: 20rpx;
}

.couponText {
  font-size: 26rpx;
  font-weight: 400;
  margin-left: 10rpx;
  color: #666666;
}

.couponmMoney {
  font-size: 22rpx;
  font-weight: 400;
  color: #ff4242;
  height: 34rpx;
  line-height: 34rpx;
  padding: 0px 10rpx;
  text-align: center;
  background: #feecec;
  border-radius: 5rpx;
  margin-right: 10rpx;
}

.commentTitle {
  flex: 1;
  font-size: 28rpx;
  font-weight: 400;
  color: #121212;
}

.commentAll {
  font-size: 26rpx;
  font-weight: 400;
  color: #666666;
  margin-right: 10rpx;
}

.sectionTitle {
  font-size: 28rpx;
  font-weight: 400;
  color: #121212;
}

.tableView {
  display: flex;
  flex-direction: column;
  border: 1px solid #e8e8e8;
  border-radius: 10rpx;
  overflow: hidden;
  margin-top: 20rpx;
}

.thView {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: -1px;
}

.thTitle {
  width: 150rpx;
  height: 70rpx;
  line-height: 70rpx;
  text-align: center;
  border-right: 1px solid #e8e8e8;
}

.thText {
  font-size: 24rpx;
  font-weight: 400;
  color: #333333;
  padding: 0px 20rpx;
}

.comment-box {
  padding: 20rpx;
  background-color: #fff;
}

.comment-top {
  overflow: auto;
}

.txt1 {
  font-size: 35rpx;
  float: left;
}

.txt2 {
  float: right;
  color: #7e7e5e;
}

.comment-info {
  overflow: auto;
  margin: 15rpx 0;
}
.comment-info-left {
  float: left;
  width: 45%;
}

.info-left-username {
  display: inline-block;
  vertical-align: top;
}

.comment-info-right {
  float: right;
}

.info-left-tx {
  width: 90rpx;
  height: 90rpx;
  border-radius: 90rpx;
}

.comment-img image {
  width: 200rpx;
  height: 200rpx;
  margin-right: 10rpx;
}
